<template>
  <div class="dashboard">
    {{ time | formaT }}
    <Calendar v-model="time"></Calendar>
  </div>
</template>

<script>
import dayjs from 'dayjs'
import Calendar from './components/calendar.vue'
export default {
  components: { Calendar },
  data () {
    return {
      time: new Date()
    }
  },
  filters: {
    formaT (t) {
      return dayjs(t).format('YYYY-MM-DD')
    }
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
.dashboard {
  ::v-deep .el-calendar__header {
    display: none;
  }
  .el-calendar-day {
    text-align: center;
  }
}
</style>
